@import '@common/styles/index.scss';


  .item {
    display: flex;
    padding: rem(12) 0;
    box-sizing: border-box;
    cursor: pointer;
    .imgBox {
      width: rem(116);
      height: rem(116);
      flex: 0 0 rem(116);
      background: $text-color-secondary;
      text-align: center;
      line-height: rem(116);
      font-size: rem($font-line-height-large);
      color: $white;
      border-radius: rem($border-radius-small);
      overflow: hidden;
    }
    .img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      vertical-align: baseline;
    }
    .content {
      padding-top: rem(6);
      padding-left: rem($padding-6n);
      flex: 1;
      overflow: hidden;
    }
    .title {
      font-size: rem($font-size-middle);
      line-height: rem($font-line-height-middle);
      color: $text-color-primary;
      font-weight: 700;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .num {
      display: flex;
      align-items: center;
      font-size: rem($font-size-label);
      line-height: rem(17);
      color: $text-color-secondary;
      margin: rem($margin-2n) 0;
      .numItem {
        display: flex;
        align-items: center;
        margin-right: rem($font-size-label);
        .numIcon {
          margin-right: rem($margin-1n);
        }
      }
      .viewBox {
        display: flex;
        align-items: center;
        .numIcon {
          margin-right: rem(6);
        }
      }
    }
    .text {
      font-size: rem($font-size-primary);
      line-height: rem($font-line-height-primary);
      color: $text-color-primary;
      height: rem(44);
      display: box;
      box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }
  }
  .item:last-child {
    margin-bottom: 0;
  }

  .richContent {
    display: box;
    line-height: rem(26);
    max-height: rem(50);
    @include lamp-clamp($line: 2);
    .richText{
      text-overflow: -o-ellipsis-lastline;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;/* stylelint-disable-line */
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;/* stylelint-disable-line */
      :global {
        .dzq-p {
          font-size: rem($font-size-base);
        }
      }
    }
  }

